<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title>图书详情--{{ book.name }}</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	{% include 'public/static_top.html' %}
	<style type="text/css">
		.mui-table-view {
			margin-top: 50px;
		}
		.content {
			background-color: #FFFFFF;
			border-bottom: 5px #DDDDDD solid;
		}
		.first_content {
			border-top: 5px #DDDDDD solid;
		}
		.mui-card-content {
			padding: 15px;
		}
		.mui-card-content-inner {
			text-indent: 2em;
			padding: 0px;
		}
		.directory .mui-card-content-inner {
			text-indent: 0em;
		}
		
.book_list_2 .mui-media-object {
	min-width: 40%;
	width: 40%;
	height: auto;
}
.book_list_2 .mui-ellipsis {
	margin-bottom: 3px;
	color: #1f1f1f;
}
	</style>
</head>

<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">{{ book.name }}</h1>
	</header>
	
	<div class="book_list_2"><ul class="mui-table-view">
	<li class="mui-table-view-cell mui-media">
		<a href="javascript:;">
			<img class="mui-media-object mui-pull-left" src="{{ book.cover.url }}">
			<div class="mui-media-body">
				<p class="mui-ellipsis">作者：{{ book.author }}</p>
                <p class="mui-ellipsis">出版社：{{ book.publish_house }}</p>
                <p class="mui-ellipsis">出版年：{{ book.publish_time }}</p>
                <p class="mui-ellipsis">页数：{{ book.page_count }}</p>
				<p class="mui-ellipsis">藏书量：{{ book.collect_count }}</p>
				<p class="mui-ellipsis">剩余：{{ book.remain_count }}</p>
				<p class="mui-ellipsis">ISBN：{{ book.ISBN }}</p>
			</div>
		</a>
	</li>
	</ul></div>

    {% if book.content_introduction!='' %}
	<div class="content first_content">
		<div class="mui-card-header">内容简介</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">{{ book.content_introduction }}</div>
		</div>
	</div>
    {% endif %}
    {% if book.author_introduction!='' %}
	<div class="content">
		<div class="mui-card-header">作者简介</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">{{ book.author_introduction }}</div>
		</div>
	</div>
    {% endif %}
    {% if book.directory!='' %}
	<div class="content directory">
		<div class="mui-card-header">目录</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">{{ book.directory }}</div>
		</div>
	</div>
    {% endif %}

    {% include 'public/static_bottom.html' %}
</body>

</html>